<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jquery 选择器</title>
	<script src="jquery-1.11.1.js"></script>
	<script>
		$(document).ready(function(){
			// id 选择器
			// $("#b03").css("background","red");
			var bg = $("#b03").css("background");
			var fontColor = $("#b03").css("color");
			console.log(bg);

			// class 选择器
			// $(".liItem").css("background","green");

			// 标签选择器 
			// $("li").css("background","red");

			// * 通配符选择器
			// $("*").css("font-size","30px");

			// , 并集选择器 
			// $(".liItem ,div").css("background","blue");

			$("#demo").css({
				"color":"red",
				"font-size":"10px"
			})

			// 并集选择器
			$("li#b03").css("font-size","30px");
		})

	</script>
</head>
<body>
	<!-- ul>li{$}*5	 -->
	<ul>
		<li>我是第1 个li</li>
		<li>我是第2 个li</li>
		<li id="b03">我是第3 个li</li>
		<li>我是第4 个li</li>
		<li class="liItem">我是第5 个li</li>
		<li>我是第6 个li</li>
		<li class="liItem">我是第7 个li</li>
		<li>我是第8 个li</li>

	</ul>
	<div class="aa">
		I am a div
	</div>
</body>
</html>